<!DOCTYPE html>
<html lang="en">
<head>
    <title>Print Webpage</title>
    <!--Google Fonts-->
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
    <!--Stylesheet-->
    <style>
        *,
*:before,
*:after{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins",sans-serif;
}
body{
    padding: 30px;
}
button{
    background-color: #2297f6;
    border: none;
    outline: none;
    margin-top: 20px;
    padding: 5px 20px;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
}
    </style>
</head>
<body style="background-color: #AED6F1 ;">
    <h1>Print Webpage With Javascript</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, necessitatibus officiis nisi quidem aut eius in distinctio ratione voluptate enim ex iure pariatur ipsum molestiae. Consectetur accusantium praesentium tenetur quo? Doloribus quae possimus nesciunt minus non nisi quis accusamus esse alias! Beatae illo ipsa nisi ipsam cumque quo dolor consequuntur adipisci optio! Odio voluptate, asperiores quos unde inventore quo, possimus reprehenderit illo aliquam, explicabo placeat quibusdam natus ipsa fugiat? Error atque sed, harum soluta corporis dolores dignissimos incidunt sunt distinctio saepe, laboriosam dolore libero illum labore mollitia similique ea, minima fugiat reprehenderit iusto eos illo. Eum minima error nemo libero ab sapiente quasi repudiandae? Numquam rerum assumenda iure itaque, quod cum eos molestias ut nihil aut sunt quae recusandae. Quod, ad accusantium? Voluptate perferendis aliquam quas veritatis cumque! Corrupti fugiat excepturi ad velit, quae at ipsa adipisci pariatur quaerat ea dolorem et minima? Quam est excepturi assumenda ipsum nesciunt nihil!</p>
    <button onclick="window.print()">Print</button>
</body>
</html>